/*
  Journal - The Ultimate Opencart Theme
  Version 2.0.5
  Copyright (c) 2013 Digital Atelier
  http://journal.digital-atelier.com/
*/
/******************************
 JOURNAL GRID
*******************************/
@media only screen and (max-width: 1220px) {
  .lg-5 {
    width: 5%; }

  .lg-10 {
    width: 10%; }

  .lg-15 {
    width: 15%; }

  .lg-20 {
    width: 20%; }

  .lg-25 {
    width: 25%; }

  .lg-30 {
    width: 30%; }

  .lg-35 {
    width: 35%; }

  .lg-40 {
    width: 40%; }

  .lg-45 {
    width: 45%; }

  .lg-50 {
    width: 50%; }

  .lg-55 {
    width: 55%; }

  .lg-60 {
    width: 60%; }

  .lg-65 {
    width: 65%; }

  .lg-70 {
    width: 70%; }

  .lg-75 {
    width: 75%; }

  .lg-80 {
    width: 80%; }

  .lg-85 {
    width: 85%; }

  .lg-90 {
    width: 90%; }

  .lg-95 {
    width: 95%; }

  .lg-100 {
    width: 100%; }

  .lg-11 {
    width: 11.11111111111111%; }

  .lg-12 {
    width: 12.5%; }

  .lg-14 {
    width: 14.28571428571429%; }

  .lg-16 {
    width: 16.66666666666666%; }

  .lg-33 {
    width: 33.33333333333333%; }

  .lg-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 980px) {
  .md-5 {
    width: 5%; }

  .md-10 {
    width: 10%; }

  .md-15 {
    width: 15%; }

  .md-20 {
    width: 20%; }

  .md-25 {
    width: 25%; }

  .md-30 {
    width: 30%; }

  .md-35 {
    width: 35%; }

  .md-40 {
    width: 40%; }

  .md-45 {
    width: 45%; }

  .md-50 {
    width: 50%; }

  .md-55 {
    width: 55%; }

  .md-60 {
    width: 60%; }

  .md-65 {
    width: 65%; }

  .md-70 {
    width: 70%; }

  .md-75 {
    width: 75%; }

  .md-80 {
    width: 80%; }

  .md-85 {
    width: 85%; }

  .md-90 {
    width: 90%; }

  .md-95 {
    width: 95%; }

  .md-100 {
    width: 100%; }

  .md-11 {
    width: 11.11111111111111%; }

  .md-12 {
    width: 12.5%; }

  .md-14 {
    width: 14.28571428571429%; }

  .md-16 {
    width: 16.66666666666666%; }

  .md-33 {
    width: 33.33333333333333%; }

  .md-66 {
    width: 66.66666666666666%; } }
@media only screen and (max-width: 760px) {
	.super-menu > li {
		float:none;
	}
	.super-menu > li:nth-child(4),
	.super-menu > li:nth-child(5) {
		float:none;
	}
  .sm-5 {
    width: 5%; }

  .sm-10 {
    width: 10%; }

  .sm-15 {
    width: 15%; }

  .sm-20 {
    width: 20%; }

  .sm-25 {
    width: 25%; }

  .sm-30 {
    width: 30%; }

  .sm-35 {
    width: 35%; }

  .sm-40 {
    width: 40%; }

  .sm-45 {
    width: 45%; }

  .sm-50 {
    width: 50%; }

  .sm-55 {
    width: 55%; }

  .sm-60 {
    width: 60%; }

  .sm-65 {
    width: 65%; }

  .sm-70 {
    width: 70%; }

  .sm-75 {
    width: 75%; }

  .sm-80 {
    width: 80%; }

  .sm-85 {
    width: 85%; }

  .sm-90 {
    width: 90%; }

  .sm-95 {
    width: 95%; }

  .sm-100 {
    width: 100%; }

  .sm-11 {
    width: 11.11111111111111%; }

  .sm-12 {
    width: 12.5%; }

  .sm-14 {
    width: 14.28571428571429%; }

  .sm-16 {
    width: 16.66666666666666%; }

  .sm-33 {
    width: 33.33333333333333%; }

  .sm-66 {
    width: 66.66666666666666%; } 
	
	#welcome {
		
	}
	.journal-search {
		width:46px;
	}
	#logo {
		
	}
	#contacts {
		
	}
	.journal-cart {
		width:46px;
	}
	#cart .heading a span {
		display:none;
	}
	
	.mobile-menu > li:nth-child(3),
	.mobile-menu > li:nth-child(4) {
		float:none;
		min-width: none;
	}
	footer a.flogo {
		display:none;
	}
	
}
@media only screen and (max-width: 470px) {
  .xs-5 {
    width: 5%; }

  .xs-10 {
    width: 10%; }

  .xs-15 {
    width: 15%; }

  .xs-20 {
    width: 20%; }

  .xs-25 {
    width: 25%; }

  .xs-30 {
    width: 30%; }

  .xs-35 {
    width: 35%; }

  .xs-40 {
    width: 40%; }

  .xs-45 {
    width: 45%; }

  .xs-50 {
    width: 50%; }

  .xs-55 {
    width: 55%; }

  .xs-60 {
    width: 60%; }

  .xs-65 {
    width: 65%; }

  .xs-70 {
    width: 70%; }

  .xs-75 {
    width: 75%; }

  .xs-80 {
    width: 80%; }

  .xs-85 {
    width: 85%; }

  .xs-90 {
    width: 90%; }

  .xs-95 {
    width: 95%; }

  .xs-100 {
    width: 100%; }

  .xs-11 {
    width: 11.11111111111111%; }

  .xs-12 {
    width: 12.5%; }

  .xs-14 {
    width: 14.28571428571429%; }

  .xs-16 {
    width: 16.66666666666666%; }

  .xs-33 {
    width: 33.33333333333333%; }

  .xs-66 {
    width: 66.66666666666666%; } 

	#welcome {
		
	}
	.journal-search {
		width:46px;
	}
	#logo {
		width:70px;
		margin-left:-35px;
	}
	#logo a {
		width:100%;
	}
	#contacts {
		
	}
	.journal-cart {
		width:46px;
	}
	#cart .heading a span {
		display:none;
	}
	
	#footer iframe {
		width:300px;

	}
}
/******************************
 GENERAL
*******************************/
.mobile .hide-on-mobile {
  display: none !important; }

@media only screen and (max-width: 1024px) {
  .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0; }

  .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
@media only screen and (max-width: 980px) {
  .hide-on-mobile {
    display: none !important; }

  #container, #header {
    max-width: 100%; } }
@media only screen and (max-width: 760px) {
  #cart .content {
    width: 100%; }

  .login-content .left {
    width: 100%;
    margin-bottom: 30px; }

  .login-content .right {
    width: 100%; }

  .login-content .left p:nth-child(2) {
    min-height: 55px; }

  .side-block-left,
  .side-block-right {
    display: none; }

  .heading-title, .box-heading {
    max-height: 100%; } }
@media only screen and (max-width: 470px) {
  table.form td {
    display: block; } }
/******************************
HEADER
*******************************/
@media only screen and (max-width: 980px) {
  .journal-desktop .sticky-wrapper {
    max-height: 160px; }

  .journal-menu {
    clear: both; }

  .journal-header-default.nocart-nosearch .journal-menu {
    clear: none; }

  #cart {
    box-shadow: none; }

  .sticky-wrapper {
    height: auto !important; } }
@media only screen and (max-width: 760px) {
  header .links > a {
    border-bottom-color: #e4e4e4;
    border-top-style: solid;
    border-top-width: 1px; }
  header .journal-login {
    border-bottom: 1px solid #e4e4e4; } }
@media only screen and (max-width: 760px) {
  .journal-header .text-only > i {
    display: none; }
  .journal-header .icon-only > i {
    font-size: 185% !important; }
  .journal-header .icon-only > span {
    display: none; } }
/******************************
 HEADER CENTER
*******************************/
@media only screen and (max-width: 1039px) {
  .journal-header-default.nocart .links > a:last-child {
    border-right-width: 0; } }
@media only screen and (max-width: 760px) {
  .hide-on-mobile {
    display: none !important; }

  .journal-header-center {
    box-shadow: none; }
    .journal-header-center .journal-cart, .journal-header-center .journal-search, .journal-header-center .journal-secondary, .journal-header-center .journal-links {
      padding: 0; }
    .journal-header-center .journal-search, .journal-header-center .journal-cart {
      top: 0; }
    .journal-header-center .journal-top-header {
      border-bottom-width: 0; }
    .journal-header-center #search input {
      border-radius: 0;
      border-right: 1px solid transparent;
      border-top: 1px solid transparent; }
    .journal-header-center .button-search {
      border-radius: 0; }
    .journal-header-center .journal-cart {
      border-radius: 0; }
      .journal-header-center .journal-cart #cart .heading a span {
        border-top: 1px solid transparent; }
      .journal-header-center .journal-cart #cart {
        border-radius: 0; }
        .journal-header-center .journal-cart #cart .content {
          padding-top: 0; }
          .journal-header-center .journal-cart #cart .content .cart-wrapper {
            border-radius: 0; }
          .journal-header-center .journal-cart #cart .content:before {
            display: none; }
      .journal-header-center .journal-cart #cart .heading i {
        border-radius: 0; }
    .journal-header-center .journal-language, .journal-header-center .journal-currency {
      padding: 0;
      margin-right: 0;
      position: absolute;
      min-width: 40px;
      z-index: 99; }
    .journal-header-center .journal-language {
      left: 0; }
    .journal-header-center .journal-currency {
      right: 0; }
    .journal-header-center .journal-language form {
      text-align: left; }
      .journal-header-center .journal-language form > div {
        border-left: 0; }
    .journal-header-center .journal-currency form {
      text-align: right; }
      .journal-header-center .journal-currency form > div {
        border-right: 0;
        border-left: 1px solid #e4e4e4; }
    .journal-header-center .lang form, .journal-header-center .curr form {
      display: block; }
    .journal-header-center .journal-center-bg {
      top: 80px; }
    .journal-header-center .journal-secondary {
      width: 100%;
      text-align: center;
      clear: both;
      background-color: #fafafa;
      border-bottom: 1px solid #e4e4e4;
      border-top: 1px solid #e4e4e4; }
    .journal-header-center .links {
      float: none !important;
      margin: 0 auto; }
    .journal-header-center .autocomplete2-suggestions {
      top: 40px;
      border-radius: 0; }
      .journal-header-center .autocomplete2-suggestions:before {
        display: none; }
    .journal-header-center .autocomplete2-selected:first-child,
    .journal-header-center .autocomplete2-selected:last-child,
    .journal-header-center .autocomplete2-suggestion:first-child > a > span > img,
    .journal-header-center .autocomplete2-suggestion:last-child > a > span > img {
      border-radius: 0; }

  .journal-top-header {
    border-bottom: none; } }
@media only screen and (max-width: 470px) {
  #cart .content {
    min-width: 100%; } }
/******************************
EXTENDED MENU
*******************************/
@media only screen and (max-width: 980px) {
  .journal-header-menu #cart {
    height: 40px;
    box-shadow: none; }
  .journal-header-menu .j-50 {
    height: 40px; }
  .journal-header-menu .j-med {
    height: 120px; }
  .journal-header-menu.nocart-nosearch .j-med {
    height: 80px; } }
/******************************
 MEGA MENU
*******************************/
@media only screen and (max-width: 1024px) {
  .super-menu > li:first-of-type {
    border-left: none; } }
@media only screen and (max-width: 980px) {
  .journal-header-default .super-menu > li > div {
    left: 0;
    margin-left: 0; } }
@media only screen and (max-width: 760px) {
  .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    background-color: #5f6874;
    cursor: pointer; }
    .mobile-trigger:before {
      content: "\e618";
      margin-right: 10px;
      font-size: 23px;
      float: left; }

  .journal-mobile .mega-menu, .journal-mobile .html-menu {
    position: relative; }

  .journal-menu .mobile-menu li:last-of-type {
    border-right: none; }

  .menu-open, .super-menu .menu-open {
    border-bottom: 1px solid #333745; }

  .journal-menu {
    height: auto; }
    .journal-menu .mobile-menu {
      display: none; }
      .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: none;
        left: 0; }
        .journal-menu .mobile-menu > li .mobile-plus {
          display: none;
          width: 40px;
          height: 40px;
          line-height: 35px;
          font-size: 25px;
          font-weight: bold;
          z-index: 99;
          top: 0;
          right: 0;
          position: absolute;
          text-align: center;
          cursor: pointer;
          color: white;
          background-color: #4f5660;
          border-left: 1px solid #333745; }
        .journal-menu .mobile-menu > li > ul {
          left: 0 !important; }
          .journal-menu .mobile-menu > li > ul li .mobile-plus {
            border-left: none;
            height: 39px; }
        .journal-menu .mobile-menu > li > a {
          text-align: left;
          padding-left: 10px; }
      .journal-menu .mobile-menu li:last-of-type {
        border-bottom: none; }
      .journal-menu .mobile-menu > li > ul + .mobile-plus,
      .journal-menu .mobile-menu > li > div + .mobile-plus,
      .journal-menu .mobile-menu > li > span + .mobile-plus,
      .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu .drop-down > ul {
    display: none; }
  .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
    .mobile-menu .drop-down ul li {
      color: #333745;
      position: relative;
      border-bottom: 1px solid #f4f4f4; } }
/******************************
 PRODUCT PAGE
*******************************/
@media only screen and (max-width: 1040px) {
  #column-left + #column-right + #content .product-info > div {
    display: block;
    width: 100%;
    float: none; }
  #column-left + #column-right + #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #column-right + #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .product-info .right .cart div .links span {
    display: none; }
  .product-info .right .cart div .links a {
    width: 100%;
    display: block; }
  .product-info .right .cart div .links a:first-of-type {
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .button {
    width: 100%; }

  #column-left + #content .product-info > div,
  #column-right + #content .product-info > div {
    display: block;
    width: 100%;
    float: none; }
  #column-left + #content .product-info .right,
  #column-right + #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #content .product-info .right .text-qty,
    #column-right + #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .social {
    padding-top: 10px; } }
@media only screen and (max-width: 760px) {
  .product-info > div {
    display: block !important;
    width: 100% !important; }
  .product-info .right {
    padding: 0;
    margin-top: 15px; }
    .product-info .right .text-qty {
      display: none; }

  .social {
    padding-top: 10px; }

  #tabs {
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    #tabs a {
      width: 100%; }

  .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }
@media only screen and (max-width: 460px) {
  .product-info .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }

  .product-info .right .cart div .button {
    width: 100%; } }
/******************************
 CATEGORY
*******************************/
@media only screen and (max-width: 980px) {
  .product-filter > div b {
    display: none; } }
@media only screen and (max-width: 760px) {
  #column-left, #column-right, .column-left-bg, .column-right-bg {
    display: none !important; }

  #column-left + #content,
  #column-right + #content,
  #column-left + #column-right + #content,
  #column-left + span + #content,
  #column-right + span + #content,
  #column-left + #column-right + span + #content {
    margin: 0; } }
@media only screen and (max-width: 470px) {
  .product-compare {
    display: none; }

  .product-list-item .image {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    .product-list-item .image img {
      float: none; }
  .product-list-item .name {
    margin-left: 0; } }
.mobile .product-wrapper:hover {
  box-shadow: none;
  border-radius: none; }

/******************************
CUSTOM SECTIONS
*******************************/
@media only screen and (max-width: 760px) {
  #top-modules .box-content,
  #bottom-modules .box-content {
    padding: 0 20px; }

  .single-section .box-sections.box-block ul li {
    min-width: 100%;
    float: none;
    margin-bottom: 0; } }
@media only screen and (max-width: 540px) {
  .box-sections {
    height: auto; }
    .box-sections ul li {
      min-width: 100%;
      float: none;
      display: block;
      margin-bottom: 0;
      border-right: 0;
      border-bottom: 1px solid; }
      .box-sections ul li:last-of-type {
        border-bottom: 0; } }
/******************************
CAROUSEL
*******************************/
@media only screen and (max-width: 560px) {
  .journal-carousel .htabs {
    height: auto; }
    .journal-carousel .htabs a {
      background-color: transparent;
      box-shadow: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      color: inherit;
      border-right: 0;
      width: 100%; }
    .journal-carousel .htabs a:last-of-type {
      border-bottom: 0; }
  .journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
    border-bottom: 0; } }
/******************************
 TABLES
*******************************/
@media only screen and (max-width: 540px) {
  table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
    display: none; }
  table.list .t-span-1 {
    display: table-cell; } }
/******************************
 ACCOUNT
*******************************/
@media only screen and (max-width: 760px) {
  .login-content .login-wrap {
    min-height: 50px; }
  .login-content > div {
    min-height: 100%; } }
@media only screen and (max-width: 460px) {
  .order-list .order-info {
    text-align: center;
    padding: 5px 0;
    width: 50px; } }
/******************************
 WISHLIST
*******************************/
@media only screen and (max-width: 460px) {
  .wishlist-info .model, .wishlist-info .stock {
    display: none; } }
/******************************
SHOPPING CART
*******************************/
@media only screen and (max-width: 760px) {
  .cart-info .model, .cart-info .price {
    display: none; } }
@media only screen and (max-width: 470px) {
  .cart-info .quantity {
    display: none; } }
/******************************
CHECKOUT
*******************************/
@media only screen and (max-width: 470px) {
  .checkout-content .left, .checkout-content .right {
    width: 100%; }
  .checkout-content table {
    table-layout: fixed; }
    .checkout-content table td {
      width: 50%; }
  .checkout-content thead .model, .checkout-content thead .quantity, .checkout-content thead .price, .checkout-content tbody .model, .checkout-content tbody .quantity, .checkout-content tbody .price {
    display: none; }
  .checkout-content .button {
    display: block;
    float: right; }
  .checkout-content .buttons a {
    display: inline-block; }
  .checkout-content .buttons .right {
    text-align: left; }
  .checkout-content .left .button, .checkout-content #login .button {
    float: none; } }
/******************************
 SITEMAP
*******************************/
@media only screen and (max-width: 760px) {
  .sitemap-info > div {
    width: 100%;
    padding: 0; }
  .sitemap-info > div:first-of-type {
    padding: 0;
    padding-bottom: 20px; } }
/******************************
SEARCH PAGE
*******************************/
@media only screen and (max-width: 980px) {
  #content.search-page h2 {
    padding: 8px;
    line-height: 18px;
    height: auto; }
  #content.search-page .content select {
    margin-bottom: 10px;
    display: block; }
  #content.search-page .content label {
    min-width: 235px;
    display: inline-block; } }
/******************************
 FOOTER
*******************************/
@media only screen and (max-width: 760px) {
  [data-hint]:before, [data-hint]:after {
    display: none !important; }

  footer .contacts-left, footer .contacts-right {
    float: none; }
  footer .contacts-left {
    margin-bottom: 10px; }
  footer .bottom-footer {
    height: auto;
    overflow: visible;
    border-radius: 0; }
    footer .bottom-footer .copyright {
      float: none;
      height: 40px;
      line-height: 50px;
      padding-left: 0;
      text-align: center;
      width: 100%; }
    footer .bottom-footer .payments {
      padding-right: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
      float: none; }

  #footer .contacts {
    border-radius: 0; } }
@media only screen and (max-width: 470px) {
  footer .contacts > div {
    text-align: left; }
    footer .contacts > div > span {
      margin-bottom: 10px; }
    footer .contacts > div .no-name {
      display: inline-block;
      margin-bottom: 0; }
  footer .bottom-footer .copyright {
    line-height: 100%;
    padding-top: 12px; } }
/******************************
PHOTO GALLERY
*******************************/
@media only screen and (max-width: 1024px) {
  .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
/******************************
 CMS BLOCKS
*******************************/
@media only screen and (max-width: 760px) {
  .cms-block, .static-banner {
    margin-bottom: 20px; } }
/******************************
EXTENDED LAYOUT
*******************************/
@media only screen and (max-width: 760px) {
  .extended-layout #column-left + #content {
    padding: 0 0 20px 20px;
    margin-left: 0; }
  .extended-layout #column-right + #content {
    padding: 0px 20px 20px 0;
    margin-right: 0; }
  .extended-layout #column-left + #column-right + #content {
    padding: 0 20px 20px 20px;
    margin-left: 0;
    margin-right: 0; } }
